{% load static %}
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>{{title}}</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta http-equiv="Access-Control-Allow-Origin" content="*">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <link rel="icon" href="{%static '/img/favicon.ico'%}">
        <link rel="stylesheet" href="{%static '/css/layui.css'%}" media="all">
        <link rel="stylesheet" href="{%static '/css/layuimini.css'%}" media="all">
        <link rel="stylesheet" href="{%static '/css/public.css'%}" media="all">

        <script src="{%static '/js/html5.min.js'%}" charset="utf-8"></script>
        <script src="{%static '/js/respond.min.js'%}" charset="utf-8"></script>

        <style id="layuimini-bg-color">
        </style>
    </head>
    <body class="layui-layout-body layuimini-all">
2
        <div class="layui-layout layui-layout-admin">
            <div style="width:100%;">
                <div class="layui-header header">
                    <div class="layui-logo">
                    </div>
                    <a>
                        <div class="layuimini-tool"><i title="展开" class="fa fa-outdent" data-side-fold="1"></i></div>
                    </a>
                    <div style="z-index:1001;position:absolute;right:500px;top:0px;height:65px;">
                        <table style="width:300px;height:80px;">
                            <tr>
                                <td><B style="color:#0011dd;">器如豹捷摆药易</B></td>
                                <td><img src="/static/img/logo.jpg" style="width:70px;height:65px;"></td>
                                <td><B style="color:#0011dd;">业持厚德服务诚</B></td>
                            </tr>
                        </table>
                    </div>
                    <ul class="layui-nav layui-layout-right">

                        <li class="layui-nav-item">
                            <a href="javascript:;" data-refresh="刷新"><i class="fa fa-refresh"></i></a>
                        </li>
                        <li class="layui-nav-item">
                            <a href="javascript:;" data-clear="清理" class="layuimini-clear"><i class="fa fa-trash-o"></i></a>
                        </li>
                        <li class="layui-nav-item layuimini-setting">
                            <a href="javascript:;">{{log_num}}</a>
                            <dl class="layui-nav-child">
                                <dd>
                                    <a href="javascript:;" data-content-href="user_info" data-title="基本资料" data-icon="fa fa-gears">基本资料</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;" data-content-href="changepwd" data-title="修改密码" data-icon="fa fa-gears">修改密码</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;" class="login-out">退出登录</a>
                                </dd>
                            </dl>
                        </li>

                    </ul>
                </div>

                <div class="layui-side layui-bg-black">
                    <div class="layui-side-scroll layui-left-menu" id="left-menus">
                    </div>
                </div>

                <div class="layui-body">
                    <div class="layui-card layuimini-page-header layui-hide-xs layui-hide">
                        <div class="layui-breadcrumb" id="layuimini-page-header">
                            <a><cite>菜单管理</cite></a>
                        </div>
                    </div>
                    <div class="layuimini-content-page">
                    </div>
                </div>

                <div class="layui-footer" style="text-align:center;height:30px;line-height:30px;">
                    <div class="layui-carousel" id="id_target">
                        <div carousel-item>
                            <div class="row">
                                <div class="col-md-8 col-md-offset-2">
                                  <p class="client-comment text-center">
                                      诊断更专业，服务更可靠
                                  </p>
                              </div>
                            </div>

                            <div class="row">
                                <div class="col-md-8 col-md-offset-2">
                                  <p class="client-comment text-center">
                                      诊断更专业，服务更可靠
                                  </p>
                              </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
3

        <script src="{%static '/lib/layui/layui.js'%}" charset="utf-8"></script>
        <script src="{%static '/js/lay-config.js'%}" charset="utf-8"></script>
        <script src="{%static '/js/jquery.js'%}" charset="utf-8"></script>
        <script>
            layui.use(['element', 'layer', 'layuimini','carousel'], function () {
                var $ = layui.jquery,
                    element = layui.element,
                    carousel = layui.carousel,
                    layer = layui.layer;
                layuimini.init("{%static '/config/init.json'%}");

                carousel.render({
                    elem: '#id_target'
                    ,width:'500px'
                    ,arrow: 'always'
                    ,interval:5000
                  });

                $('.login-out').on("click", function () {
                    layer.msg('退出登录成功', {time:1*1000},function () {
                        window.location = '/logout/';
                    });
                });
            });


        </script>

    </body>
</html>
